[v-cloak] {
	display: none;
}

/*沉浸式任务栏*/
.sui-bar.sui-bar-nav {
	min-height: 2.25rem;
	/* background-color: #FF5140; */
}

.sui-bar.sui-bar-light {
	background: #FFFFFF;
	color: #212121;
}

#sui-back {
	height: 85px;
}

#sui-back .sui-iconfont {
	font-size: 1.5rem;
}


.sui-bar-nav.sui-bar-light .sui-pull-left {
	color: #555555;
}

.sui-bar-nav.sui-bar-light .sui-pull-left:active {
	color: #212121;
}

.sui-bar-nav.sui-bar-light .sui-pull-right {
	color: #555555;
}

.sui-bar-nav.sui-bar-light .sui-pull-right:active {
	color: #212121;
}


.sui-bar-nav.sui-bar-light .sui-iconfont {
	color: #555555;
}

.sui-bar-nav.sui-bar-light .sui-bar-btn-item.sui-active {
	background-color: #FF5140;
	border-color: #FF5140;
	color: #ffffff;
}

.sui-bar-nav.sui-bar-light .sui-bar-btn-item {
	border-color: #FF5140;
}

/* @font-face {
	font-family: "myfont";
	src: url('myfont.ttf') format('truetype');
}

html {
	font-family: "myfont", "宋体", "Microsoft YaHei", "黑体", "Arial", sans-serif;
	font-size: 16px;
} */

html {
	font-family: "Microsoft YaHei", "黑体", "宋体", "Arial", sans-serif;
	font-size: 16px;
	/* letter-spacing:0.05rem; */
}



@media only screen and (min-width: 400px) {
	html {
		font-size: 16px !important;
	}
}

@media only screen and (min-width: 414px) {
	html {
		font-size: 18px !important;
	}
}

@media only screen and (min-width: 480px) {
	html {
		font-size: 20px !important;
	}
}

/* html {
	font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
	font-size: 20px;
}
 */

.sui-bar-nav .sui-bar-btn-item.sui-active {
	background-color: #ffffff;
	color: #FF5140;
}


.btop-box {
	height: 4rem;
	padding: 0rem 0.5rem;
	width: 100%;
}


.data-title {
	color: #AAAAAA;
	padding: 0.5rem;
	font-size: 0.9rem;
	line-height: 1.5rem;
}

.data-input {
	background-color: rgba(40, 40, 40, 0.4) !important;
	background-image: none !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	border: 2px #333333  solid !important;
	border-radius: 0.25rem !important;
	padding: 0.25rem 0.5rem !important;
	width: 9rem !important;
}

.href_box span {
	color: #999999;
	font-size: 0.9rem;
}

.href_box i {
	color: #999999;
	font-size: 1rem;
	font-weight: 700;
}


/* .sui-bar-light {
    color: #212121;
    background-color: #ffffff !important;
    border-bottom: 1px solid #dddddd !important; 
}

.sui-bar-nav.sui-bar-light .sui-pull-left {
    color: #212121;
}

.sui-bar-nav.sui-bar-light .sui-pull-left:active {
    color: #333333;
}

.sui-bar-nav.sui-bar-light .sui-iconfont {
    color: #212121;
}

.sui-bar-nav.sui-bar-light .sui-pull-left:active {
    color: #333333;
} */

.text-light {
	color: #ffffff;
}

.sui-btn-success {
	background: #04BE02;
}


.sui-bar-nav {
	min-height: 2.25rem;
	line-height: 2.25rem;
	padding-top: 0rem;
}

.sui-bar+.sui-wrap {
	padding-top: 85px;
}

/*菜单*/
.nav-menu {
	padding-top: 0.5rem;
	border-bottom: 1px solid #ddd;
	background: #FFFFFF;
	display: flex;
	display: -webkit-flex;
}

.nav-menu div {
	display: inline-block;
	padding: 0.25rem 0;
	text-align: center;
	flex: 1;
	-webkit-flex: 1;
}

.nav-menu .active {
	border-bottom: 1px solid #FF5140;
	color: #FF5140;
}




/* sui-footer */
#sui-footer {
	width: 100%;
	height: 3rem;
	background: #FCFCFC;
	padding: 0.3125rem 0px;
	bottom: 0px;
	left: 0px;
	position: fixed;
	overflow: hidden;
	z-index: 10;
	box-shadow: 1px -1px 3px #D1D1D1;
	display: flex;
	display: -webkit-flex;
}

#sui-footer a {
	display: block;
	width: 33%;
}

.sui-footer-icons {
	text-align: center;
	font-size: 1rem !important;
	height: 1.2rem;
	line-height: 1.2rem;
}

.sui-footer-text {
	text-align: center;
	font-size: 0.7rem;
	height: 1.2rem;
	line-height: 1.2rem;
	padding-top: 0.125rem;
}

.sui-footer-active * {
	color: #D20202;
}

.sui-fooer-line {
	height: 3.75rem;
}

#footer-logo {
	position: fixed;
	z-index: 11;
	left: 50%;
	bottom: 5px;
	height: 60px;
	width: 60px;
	border-radius: 60px;
	background: #3388FF;
	text-align: center;
	transform: translateX(-50%);
	line-height: 60px;
	color: #FFF;
	font-size: 20px;
	border: 3px solid #FFF;
}

#footer-logo img {
	width: 100%;
}


.sui-grid .iconfont {
	position: relative;
	/* z-index: 20; */
	top: 0;
	height: 2rem;
	font-size: 2rem;
	line-height: 2rem;
}

.sui-list-header {
	background: #F3F3F3 !important;
}


.sui-flex-1 {
	flex: 1;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	width: 0;
}

.sui-flex-full {
	flex: 1;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
}


.iconfont {}

.sui-list .sui-list-item i.iconfont {
	-webkit-align-self: center;
	align-self: center;
	font-size: 0.8rem;
}

.sui-grid .iconfont {
	position: relative;
	/* z-index: 20; */
	top: 0;
	height: 1.4rem;
	font-size: 1.4rem;
	line-height: 1.4rem;
}



.iconfont-color-1 {
	color: #F03136;
}

.iconfont-color-2 {
	color: #248DEE;
}

.iconfont-color-3 {
	color: #FF712C;
}

.iconfont-color-4 {
	color: #10CF8C;
}



/* mescroll */
.mescroll-downwarp,
.mescroll-upwarp {
	background-color: #F3F3F3;
}


.downwarp-progress,
.upwarp-progress {
	height: 1.2rem !important;
	width: 1.2rem !important;
}

.downwarp-tip,
.downwarp-tip {
	font-size: 0.7rem !important;
}



#sui-dialog .pos-height {
	max-height: 50vh;
	height: 50vh;
	overflow-y: auto;
}


.mescroll-empty {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	width: 100%;
	/* height: 60vh; */
	padding-top: 5vh;
	text-align: center;
}

.mescroll-empty .empty-icon {
	/* height: 4rem; */
	width: 35% !important;
}

.empty-tip {
	margin-top: 0.75rem !important;
	color: gray;
	font-size: 1.0rem !important;
}

/* 邮件列表头 */
.first_name {
	height: 1.8rem;
	width: 1.8rem;
	line-height: 1.8rem;
	border-radius: 50%;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.8rem;
	font-weight: 400;
}

.work_color_1 {
	background: #FF7400;
}

.work_color_2 {
	background: #1296db;
}

.work_color_3 {
	background: #0fc37c;
}

/* 工资密码验证 */
.dialog-text {
	border: #999999 solid 1px;
	border-radius: 50%;
	height: 3.5rem;
	width: 3.5rem;
	text-align: center;
	line-height: 3.5rem;
	font-size: 1.5rem;
	color: #000000;
	position: relative;
	margin: 0rem auto;
}

.valid-input {
	border: none;
	border-bottom: 1px solid #E3E3E3;
	height: 2rem;
	width: 7rem;
	font-size: 1.5rem;
	/* letter-spacing:1.0rem; */
	padding: 0 1.5rem;

}

/* workitem */
.work-item-title {
	font-weight: 700;
	font-size: 0.75rem;
	color: #333333;
}

.list-item-block {
	display: block;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.work-header {
	background: #F3F3F3 !important;
	border-bottom: #E3E3E3 solid 1px;
}

/* 文件列表 */
.sui-file-span {
	color: #999999;
	width: 2rem;
	text-align: center;
	padding-right: 0rem
}

.sui-radio:checked,
.sui-radio.sui-checked,
.sui-checkbox:checked,
.sui-checkbox.sui-checked {
	background-color: #FF5140;
	border: solid 1px #FF5140;
	text-align: center;
	background-clip: padding-box;
	z-index: 1;
}



/* 用户选择 */
.select-name-box {
	height: 2rem;
	width: 18rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: auto;
	white-space: nowrap;
}

.name-tip {
	background: #E3E3E3;
	border-radius: 0.35rem;
	width: auto;
	padding: 0.15rem 0.25rem;
	margin-top: 0.25rem;
	margin-left: 0.5rem;
	margin-bottom: 0.625rem
}

.name-tip i {
	margin-left: 0.1rem;
	color: #999999;
}

.name-tip {
	font-size: 0.7rem;

}

.select-list-box {
	height: 27rem;
	height: 27rem;
	overflow-y: auto;
}

.org-tip {
	padding: 0.5rem;
	margin-right: 0.25rem;
	border-bottom: 3px #FBA09F solid;
	font-size: 0.7rem;
	font-weight: 600;
}


/* 文件列表 */
.file-list-box {
	background: #FFFFFF;
	border-bottom: 1px #F3F3F3 solid
}


.my-loading {
	width: 2.5rem !important;
	height: 2.5rem;
	margin: 1rem;
	-webkit-animation-name: my-roate;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: my-roate;
	animation-duration: 1.2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@-webkit-keyframes my-roate {
	0% {
		-webkit-transform: rotate(0deg);
		-webkit-transform-origin: center;
	}

	100% {
		-webkit-transform-origin: center;
		-webkit-transform: rotate(360deg);
	}
}

@keyframes my-roate {
	0% {
		transform-origin: center;
		transform: rotate(0deg);
	}

	100% {
		transform-origin: center;
		transform: rotate(360deg);
	}
}

@-moz-keyframes my-roate {
	0% {
		transform-origin: center;
		transform: rotate(0deg);
	}

	100% {
		transform-origin: center;
		transform: rotate(360deg);
	}
}

@-o-keyframes my-roate {
	0% {
		transform-origin: center;
		transform: rotate(0deg);
	}

	100% {
		transform-origin: center;
		transform: rotate(360deg);
	}
}

.sui-list-check-title p {
	line-height: 1.3rem;
}

.top-info {
	background-image: url(../img/lb.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	width: 15rem;
	height: 6rem;
	line-height: 6rem;
	position: fixed;
	top: 3rem;
	right: calc(50% - 7.5rem);
	text-align: center;
	font-size: 1rem;
	color: #F3F3F3;
	font-weight: 600;
}


.list-box {
	background-color: rgba(40, 40, 40, 0.4);
	background-image: none !important;
	max-width: 13rem;
	padding: 0.5rem 1rem;
	border-radius: 0.35rem;
	border: #333333 1px solid;
}

.list-box h1 {
	font-size: 1rem;
	color: #FFFFFF;
	line-height: 2rem;
	height: 2rem;
	font-weight: 700;
	/* padding-left: 0.5rem; */
}
